body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  margin-right: 20px;
  text-decoration: none;
}
li {
    width: 800px;
    margin-bottom: 16px;
}
ul li {
    list-style: none;
}
.border {
    border: 1px solid black;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.formDiv {
    margin-top: 20px;
}
.formDiv input:not(last) {
    width: 100%;
}
.formDiv label {
    position: absolute;
    margin-left: -70px;
}
.updPad {
    display: none;
    width: 400px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -200px;
    background: white;
}
.pubPad {
    display: block;
}
.chatBox {
    width: 600px;
}
.showMes {
    height: 300px;
}
.mesCon {
    padding: 10px;;
    width: 470px;
    height: 50px;
}